<template>
  <div>
    <el-card>
      <role-header></role-header>
      <role-button></role-button>
      <role-table></role-table>
      <role-pagination></role-pagination>
    </el-card>
  </div>
</template>

<script>
import RoleHeader from './roleManageHeader/RoleManageHeader'
import RoleButton from './roleManageBtn/RoleManageBtn'
import RoleTable from './roleManageTable/RoleManageTable'
import RolePagination from './roleManagePagination/RoleManagePagination'
export default {
  name: 'RoleManage',
  components: {
    RoleHeader,
    RoleButton,
    RoleTable,
    RolePagination
  }
}
</script>

<style lang="less" scoped>
.el-card {
  height: 819px;
}
</style>
